<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_100000PC','MZY_GongSiJieShao_100001PC','MZY_100002_100002PC','MZY_GongSiJianJie_100003PC','MZY_GongSiZiZhi_100004PC','MZY_ZhengShuYangGao_100005PC','MZY_100006_100006PC','MZY_RenZhengJianCe_100007PC','MZY_XiErFanRenZheng_100008PC','MZY_XiErFanRenZhengLi_100009PC','MZY_WoMenJianChiYi_100010PC','MZY_BaiBanHongZiGongFang_100011PC','img_100012PC','img_100013PC'"  ></cms:ads>
<!doctype html>
<html lang="zh-CN">
 <head> 
  <meta charset="utf-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>希尔梵认证检测有限公司${网页标题}</title> 
  <link href="http://hwfile.jyymatrix.cc/xrfrz/pc/css/bootstrap.min.css" rel="stylesheet"> 
  <link href="http://hwfile.jyymatrix.cc/xrfrz/pc/css/reset.css" rel="stylesheet"> 
  <link rel="stylesheet/less" type="text/css" href="http://hwfile.jyymatrix.cc/xrfrz/pc/css/common.less"> 
  <link rel="stylesheet" href="http://hwfile.jyymatrix.cc/xrfrz/pc/css/swiper.min.css"> 
  <link href="http://hwfile.jyymatrix.cc/xrfrz/pc/fonts/iconfont.css" rel="stylesheet"> 
  <script src="http://hwfile.jyymatrix.cc/xrfrz/pc/js/less.js"></script> 
  <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]--> 
  <style>
   .m-title {
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    padding: 2px 15px;
    border-left: 3px solid #0082ce;
    margin-bottom: 15px;
    margin-top: 15px;
    color: #444444;
    margin-left: 150px;
   }

   .newsbox {
    overflow: hidden;
    margin-top: 10px;
    width:1000px;
    margin: 5px 5px 5px 150px;
    background-color: #f6f6f6;
   }

   .newsbox img {
    display: inline-inline-block;
    height: 200px;
   }

   .newsbox-swiper {
    height:250px;
    width:1100px;

   }
   .lunbo{
    height:250px;
    border:10px;
   }

   .case-list{
    list-style:none;
    flex: 1;
    margin: 10px 5px;
    padding: 10px;
    align-items: center;
    border: 1px solid #444444;
    background: #ffffff;
    height: 220px;
   }
   .swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: linear;    /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    margin: 0 auto;
   }

   #preview { margin: 8px; font-family: Microsoft YaHei, arial; font-size: 16px; line-height: 2em; overflow: hidden; } #preview table.noBorderTable td, #preview table.noBorderTable th, #preview table.noBorderTable caption { border: 1px dashed #ddd !important } #preview table.sortEnabled tr.firstRow th, #preview table.sortEnabled tr.firstRow td { padding-right: 20px; background-repeat: no-repeat; background-position: center right; background-image: url(../../themes/default/http://hwfile.jyymatrix.cc/xrfrz/pc/images/sortable.png); } #preview table.sortEnabled tr.firstRow th:hover, #preview table.sortEnabled tr.firstRow td:hover { background-color: #EEE; } #preview table { margin-bottom: 10px; border-collapse: collapse; display: table; } #preview td, #preview th { background: white; padding: 5px 10px; border: 1px solid #DDD; } #preview caption { border: 1px dashed #DDD; border-bottom: 0; padding: 3px; text-align: center; } #preview th { border-top: 1px solid #BBB; background: #F7F7F7; } #preview table tr.firstRow th { border-top: 2px solid #BBB; background: #F7F7F7; } #preview tr.ue-table-interlace-color-single td { background: #fcfcfc; } #preview tr.ue-table-interlace-color-double td { background: #f7faff; } #preview td p { margin: 0; padding: 0; } #preview table.noBorderTable td, #preview table.noBorderTable th, #preview table.noBorderTable caption { border: 1px dashed #ddd !important } #preview table.sortEnabled tr.firstRow th, #preview table.sortEnabled tr.firstRow td { padding-right: 20px; background-repeat: no-repeat; background-position: center right; background-image: url(../../themes/default/http://hwfile.jyymatrix.cc/xrfrz/pc/images/sortable.png); } #preview table.sortEnabled tr.firstRow th:hover, #preview table.sortEnabled tr.firstRow td:hover { background-color: #EEE; } #preview table { margin-bottom: 10px; border-collapse: collapse; display: table; } #preview td, #preview th { background: white; padding: 5px 10px; border: 1px solid #DDD; } #preview caption { border: 1px dashed #DDD; border-bottom: 0; padding: 3px; text-align: center; } #preview th { border-top: 1px solid #BBB; background: #F7F7F7; } #preview table tr.firstRow th { border-top: 2px solid #BBB; background: #F7F7F7; } #preview tr.ue-table-interlace-color-single td { background: #fcfcfc; } #preview tr.ue-table-interlace-color-double td { background: #f7faff; } #preview td p { margin: 0; padding: 0; } .line_title{border-bottom: 1px solid #eeeeee;}</style>
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <div class="common-banner"> 
   <img src="${img_100000PC.adImg}" alt="" class="zy" data-type="ad" data-id="${img_100000PC.adId}"> 
  </div> 
  <div class="cloum_content_wrap"> 
   <div class="cloumbox"> 
    <div class="title_warp"> 
     <div class="title_box"> 
      <div class="title_top"> 
       <div class="title_top_1 zy" data-type="ad" data-id="${MZY_GongSiJieShao_100001PC.adId}">
        ${MZY_GongSiJieShao_100001PC.adTitle}
       </div> 
      </div> 
      <div class="title_top_2 zy" data-type="ad" data-id="${MZY_100002_100002PC.adId}">
       ${MZY_100002_100002PC.adTitle}
      </div> 
     </div> 
     <ul class="cloumitembox">
      <cms:artType var="xxzx" code="${param.type}"></cms:artType>
      <c:forEach items="${xxzx }" var="item" >
       <li class="line_title"><a  href="${path }/do/redirect/pc/gsjs?pageNow=0&code=${item.code}&type=${param.type}" <c:if test="${param.code eq item.code }"> class="active"</c:if>>${item.artTypeName}</a></li>
      </c:forEach>
     </ul>
    </div> 
    <div class="cloum_content"> 
     <div class="breadcrumb zy" >
      <i class="line_cloum"></i>
      <span>您当前的位置：</span>
      <i class="iconfont icon-zhuye1"></i>
      <a >首页</a> &gt;
      <a>关于我们</a>
     </div> 
     <div id="preview" class="art">
      <cms:arts var="xxzxfile" code="${param.code }" pageNow="${param.pageNow}"
                pageSize="10"></cms:arts>
      ${xxzxfile[0].artContent}
     </div> 

    </div> 
   </div> 
  </div>
  <div class="m-title" id="gszz">公司资质</div>
  <div class="newsbox">
   <div class="newsbox-swiper" >
    <div class="swiper-wrapper">
     <cms:arts var="zsyg" code="gszz"></cms:arts>
     <c:forEach items="${zsyg }" var="art" >
      <div class="swiper-slide lunbo case-list">
       <img src="${art.artImage}" />
      </div>
     </c:forEach>
    </div>
   </div>

  </div>
  <div class="m-title" id="zsyg">证书样稿</div>
  <div class="newsbox">
   <div class="newsbox-swiper" >
    <div class="swiper-wrapper">
     <cms:arts var="zsyg" code="zsyg"></cms:arts>
     <c:forEach items="${zsyg }" var="art" >
      <div class="swiper-slide lunbo case-list">
       <img src="${art.artImage}" />
      </div>
     </c:forEach>
    </div>
   </div>
  </div>

  <jsp:include page="_footer.jsp"></jsp:include> 
  <script src="http://hwfile.jyymatrix.cc/xrfrz/pc/js/jquery.min.js"></script> 
  <script src="http://hwfile.jyymatrix.cc/xrfrz/pc/js/bootstrap.min.js"></script> 
  <script src="http://hwfile.jyymatrix.cc/xrfrz/pc/js/swiper.min.js"></script> 
  <script>
    $('.list-inner').mouseenter(function() {

      var item = $('.list-inner');
      var $this = $(this);
      var id = $this.data("id");

      item.removeClass("active");
      item.find("i").css('visibility', 'hidden');
      $(".div_title_list").hide();

      $this.addClass("active");
      $this.find("i").css('visibility', 'visible');
      $("#row" + id).show();
    });


    var swiper = new Swiper('.swiper-container', {
      pagination: {
        el: '.swiper-pagination',
      },
    });


    var mySwiper = new Swiper ('.newsbox-swiper', {
     autoplay: {
      delay: 1000,
      disableOnInteraction: false,
     },
     speed: 700,
     allowTouchMove: false,
     lazy: {
      loadPrevNext: true,
      loadPrevNextAmount: 3,
     },
     centeredSlides: true,
     spaceBetween : 20,
     slidesOffsetBefore: 20,
     loop: true,
     slidesPerView : 'auto',
     on: {
      slideChangeTransitionEnd: function(){
       // this.slides.transition(this.params.autoplay.delay+this.params.speed).transform('translate3d(-400px, 0, 0)');
      },
      slideChangeTransitionStart: function(){
       this.slides.transition(this.params.speed).transform('translate3d(0, 0, 0)');
      },
     },
    })

  </script>   
 </body>
</html>